

import Vue from 'vue'
import App from './App.vue'


//1、登录的密码需要 md5 加密，所以还需要提前安装好 npm install js-md5
import md5 from 'js-md5';
//2、添加路由模式
import router from './router'
//3、此时我们在全局 this 下就会多了一个 $store 属性，在任何页面中都能愉快的使用。
//在全局定义store 属性，在任何页面中都能愉快的使用。
import store from './store'

//4、验证码组件 Verify 需要提前通过 npm install vue2-verify 安装好
import { prefix } from '@/common/js/utils'

//5、内部用到了 vant 的组件，需要提前全局注册
import { Divider, Popup, Overlay, Loading, Dialog, ContactCard, Form, AddressEdit, AddressList, Field, CellGroup, Cell, SwipeCell, Icon, Stepper, Card, Checkbox, CheckboxGroup, Button, Swipe, SwipeItem, PullRefresh, List, Tab, Tabs, GoodsAction, GoodsActionIcon, GoodsActionButton, SubmitBar, Toast } from 'vant'
//6、做移动端的适配
//（1）、移动端分辨率适配—rem
//（2）、安装插件：npm install lib-flexible -S
//（3）、然后在--- main.js 引入----import 'lib-flexible/flexible'
import 'lib-flexible/flexible'
// 什么是 rem？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置 html 的 font-size 属性，rem 是根据它的大小来动态变化整个项目中使用 rem 单位的元素大小。

Vue.use(Divider).use(Popup).use(Overlay).use(Loading).use(Dialog).use(Toast).use(ContactCard).use(Form).use(AddressEdit).use(AddressList).use(Field).use(CellGroup).use(Cell).use(SwipeCell).use(Icon).use(Stepper).use(Card).use(Button).use(Swipe).use(SwipeItem).use(PullRefresh).use(List).use(Tab).use(Tabs).use(GoodsAction).use(GoodsActionIcon).use(GoodsActionButton).use(SubmitBar).use(Checkbox).use(CheckboxGroup)
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Vue.prototype.$md5 = md5;
Vue.prototype.prefix = prefix;

Array.prototype.remove = function (val) {
  var index = this.indexOf(val);
  if (index > -1) {
    this.splice(index, 1);
  }
}
